<template>
  <div class="message-private">
    <message-private-mobile v-if="isPhone" />
    <message-private-pc v-else />
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import MessagePrivateMobile from './MessagePrivateMobile'
import MessagePrivatePc from './MessagePrivatePc'

export default {
  name: 'MessagePrivate',
  components: {
    MessagePrivateMobile,
    MessagePrivatePc
  },
  data() {
    return {
      loading: false
    }
  },
  computed: {
    ...mapGetters({
      isPhone: 'isPhone'
    })
  }
}
</script>

<style scoped>
.message-private {
  height: 100%;
}
</style>
